<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gaseste ruta prin Bucuresti folosind transportul in comun</title>
<link rel="stylesheet" type="text/css" href="css/ptroute.css" media="all" />

<script type="text/javascript" src="js/JSONRequestError.js"></script>
<script type="text/javascript" src="js/JSONError.js"></script>
<script type="text/javascript" src="js/JSON.js"></script>
<script type="text/javascript" src="js/JSONRequest.js"></script>
<script type="text/javascript" src="js/Main.js"></script>

</head>
<body>

<div id="header"> 
<h1> București 2.0</h1>
<p> Cetățenii moderni folosesc transportul in comun</p> 
</div>
<div id="content">
 	<table id="content-table"> 
    <tr>
    <td valign="top">
    	<div id="left-col">  
           <p class="indication">
           		Alegeti capetele traseului apasand intai pe A/B, si apoi pe harta
           </p>
        	<div id = "validate">  
            <table>           
            	<tr><td><a href="javascript: void(0);" class="source-idle" id="source_trig" onclick="pickSource();" title="apasa pentru alegerea sursei"></a></td>
                	<td><input type="text" id="sourceTextBox" class="coordinates"> </td>
                </tr>
                <tr><td><a href="javascript: void(0);" class="dest-idle" id="dest_trig" OnClick = "pickDest();" title="apasa pentru alegerea destinatiei"></a></td>
                	<td><input type="text" id="destTextBox" class="coordinates"></td>
                </tr></table>            
            	<input type="button" value="Gaseste ruta" OnClick="sendCoordonates();" >
                <input type="button" value="Curata" OnClick="clearMap();" >

        	</div>
        
        </div>
        <div id = "directions">
        </div>
   </td>
    <td id="right-col" valign="top"> 
	<div id="utils">
		<a href="javascript: utilsPanelOpen();" class="links"   title="trimite link"> Link</a>
	</div>
	<div id="map" class="fullscreen"> 
	</div>
	<div id="le" class = "not_visible">
		<div class="lelabel">
		Paste link in
		<b>email</b>
		or
		<b>IM</b>
		</div>
		<div id="leclose" OnClick="utilsPanelHide();" title="Inchide fereastra">
			<!--<img class="iw_close" /> -->
		</div>
		<input type="text" id="linkTextBox" class="leTextBox">

	</div>
 	</td>
	</tr></table>    
</div>

<div id="footer"> 

	<p> 
    	Cristina Scheau, Claudiu Gheorghe 
    </p>
    <p class="poli20">
    	Poli 2.0 Demo
    </p>
</div>

<!-- BEGIN Map Javascript Code  -->

<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.8&appid=YD-LkuVrxk_JX.jcQ3FumQBig--"></script>
<script type="text/javascript">
main();

</script>

</body>
</html>
